<template>
  <div class="jifen">
    个人中心

    <nine-grid-ul>
      <nine-grid-li>
        111
        {{this.$store.state.isHeader}}
        <!-- <div :class=" 'back-img ' + homeIcon.className"></div>
                    <router-link :to="{name:homeIcon.routeName}">{{homeIcon.title}}</router-link> -->
      </nine-grid-li>
    </nine-grid-ul>
  </div>
</template>

<script>
import { mapState } from "vuex";
import NineGridUl from "../modul/NineGridUl.vue";
// Vue.component('nine-grid-ul',NineGridUl);//九宫格ul组件
import NineGridLi from "../modul/NineGridLi.vue";
// Vue.component('nine-grid-li',NineGridLi);//九宫格li组件
export default {
  components: {
    "nine-grid-ul": NineGridUl,
    "nine-grid-li": NineGridLi
  },
  name: "user",
  data() {
    return {};
  },
  mounted() {
    this.$store.state.isHeader = false;
  },
  destroyed() {
    this.$store.state.isHeader = true;
  },
  computed: {
    ...mapState({
      isHeader: "isHeader"
    })
  }
};
</script>

<style scoped lang="less">
</style>

